<%@ page contentType="text/html; charset=UTF-8" language="java"%>
<!DOCTYPE html>
<html>
<head>
    <title>JWDT</title>
    <meta charset="UTF-8">
    <link id="themes_link" rel="stylesheet" type="text/css" href="jquery-easyui-1.3.2/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.2/themes/icon.css">
    <script type="text/javascript" src="jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.3.2/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.3.2/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="js/public.js"></script>
</head>
<body class="easyui-layout">
	<div data-options="region:'north'" style="height:72px;border:0;background-color:rgb(102, 102, 102);">		
		<table cellpadding="0" cellspacing="0" style="width:100%;">
			<tr>
				<td style="width:20px;"></td>
				<td>
					<div>
						<a href="" style="padding:5px;color:#fff;font-size:24px;font-weight:bold;text-decoration:none">JWDT</a>
					</div>
					<div>
						<a href="" style="padding:3px;color:#fff;font-size:12px;text-decoration:none">Java Web Develop Tools!</a>
					</div>
				</td>
				<td>
					<table style="width:100%;height:71px;text-align:right;">
						<tr>
							<td style="text-align: right;">
								<div>
									<span style="color:#FFFFFF">主题:</span>
									<select id="change_theme" onchange="onChangeTheme()" data-options="editable:false,panelHeight:'auto'">
										<option value='default' selected>Default</option>
										<option value='gray'>Gray</option>
										<option value='black'>Black</option>
										<option value='bootstrap'>Bootstrap</option>
										<option value='metro'>Metro</option>							
									</select>
								</div>								
							</td>
						</tr>
						<tr>
							<td style="text-align:right;">
								<div>
									<a href="" style="padding:3px;color:#fff;font-size:14px;font-weight:bold;text-decoration:none">用户：Chenzx</a>
									<a href="" style="padding:3px;color:#fff;font-size:14px;font-weight:bold;text-decoration:none">注销</a>
								</div>
							</td>
						</tr>
					</table>
				</td>
				<td style="width:20px;"></td>						
			</tr>
		</table>			
	</div>
	<div data-options="region:'west',split:true" title="菜单" style="width:200px;">
		<ul id="index_main_tree" animate="true"></ul> 
	</div>
	<div data-options="region:'center'">
		<div id="index_main_tabs" class="easyui-tabs" fit="true" border="false">
			<div title="菜单管理" data-options="closable:true,href:'sysmenu/mainpage.jhtml'"></div>			
		</div>
	</div>
	<div data-options="region:'south'" style="height:30px;border:0;text-align:center;padding:6px;background-color:rgb(250, 250, 250);">
		<div style="color:#6699FF;">Copyright © JWDT</div>
	</div>
</body>
<script type="text/javascript">
$('#index_main_tree').tree({  
    url:'sysmenu/getSysMenu4Async.jhtml',
    onClick: function(node){
    	if(node && node.attributes && node.attributes.url){
    		var tab = $('#index_main_tabs').tabs('getTab',node.text); 
    		if(tab){
    			$('#index_main_tabs').tabs('select',node.text);
    		}else{
    			$('#index_main_tabs').tabs('add',{  
    			    title:node.text,  
    			    href:node.attributes.url,  
    			    closable:true  
    			});  
    		}
    	}    	
    }
}); 
function onChangeTheme(){
	$('#themes_link').attr('href','jquery-easyui-1.3.2/themes/'+$('#change_theme').val()+'/easyui.css');
}
</script>
</html>